﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="about-us.aspx.cs" Inherits="pufflesweb.about_us" %>

<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
  <head>
    <title>About Us</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900%7CLato%7CKalam:300,400,700">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/style.css">
    <style>.ie-panel{display: none;background: #212121;padding: 10px 0;box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);clear: both;text-align:center;position: relative;z-index: 1;} html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {display: block;}</style>
  </head>
  <body>
    <div class="ie-panel"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
    <div class="preloader">
      <div class="preloader-body">
        <div class="cssload-bell">
          <div class="cssload-circle">
            <div class="cssload-inner"></div>
          </div>
          <div class="cssload-circle">
            <div class="cssload-inner"></div>
          </div>
          <div class="cssload-circle">
            <div class="cssload-inner"></div>
          </div>
          <div class="cssload-circle">
            <div class="cssload-inner"></div>
          </div>
          <div class="cssload-circle">
            <div class="cssload-inner"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="page">
      <!-- Page Header-->
      <header class="section page-header">
        <!-- RD Navbar-->
        <div class="rd-navbar-wrap">
          <nav class="rd-navbar rd-navbar-modern" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="100px" data-xl-stick-up-offset="120px" data-xxl-stick-up-offset="140px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
            <div class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-collapse"><span></span></div>
            <div class="rd-navbar-aside-outer">
              <div class="rd-navbar-aside">
                <div class="rd-navbar-collapse">
                  <div class="contacts-ruth">
                    <div class="unit unit-spacing-xs align-items-center">
                      <div class="unit-left"><span class="linear-icon icon linearicons-map-marker"></span></div>
                      <div class="unit-body"><a href="#">523 Sylvan Ave<br/>Mountain View, CA 94041</a></div>
                    </div>
                  </div><a class="button button-primary-outline button-sm button-icon button-icon-left" href="login.aspx"><span class="icon mdi mdi-email-outline icon-size-m"></span>登录与注册</a>
                </div>
                <!-- RD Navbar Panel-->
                <div class="rd-navbar-panel">
                  <!-- RD Navbar Toggle-->
                  <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
                  <!-- RD Navbar Brand-->
                  <div class="rd-navbar-brand"><a class="brand" href="index.aspx"><img class="brand-logo-dark" src="images/logo-default-336x120.png" alt="" width="168" height="60"/></a>
                  </div>
                </div>
                <div class="rd-navbar-button"><a class="button button-primary-outline button-sm button-icon button-icon-left" href="login.aspx"><span class="icon mdi mdi-email-outline icon-size-m"></span>登录与注册</a></div>
              </div>
            </div>
            <div class="rd-navbar-main-outer">
              <div class="rd-navbar-main">
                <div class="rd-navbar-nav-wrap">
                  <!-- RD Navbar Nav-->
                  <ul class="rd-navbar-nav">
                    <li class="rd-nav-item"><a class="rd-nav-link" href="index.aspx">首页</a>
                    </li>
                    <li class="rd-nav-item active"><a class="rd-nav-link" href="#">网站介绍</a>
                      <!-- RD Navbar Dropdown-->
                      <ul class="rd-menu rd-navbar-dropdown">
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="about-us.aspx">关于我们</a></li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="what-we-offer.aspx">我们提供什么</a></li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="testimonials.aspx">推荐</a></li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="pricing-list.aspx">定价表</a></li>
                      </ul>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="grid-blog.aspx">博客</a>
                      <!-- RD Navbar Dropdown-->
                      <ul class="rd-menu rd-navbar-dropdown">
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.aspx">博客论坛</a></li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-list.aspx">博客列表</a></li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-post.aspx">推荐博客</a></li>
                      </ul>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="gallery.aspx">画廊</a>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="#">娱乐</a>
                      <!-- RD Navbar Megamenu-->
                      <ul class="rd-menu rd-navbar-megamenu">
                        <li class="rd-megamenu-item">
                          <div class="rd-megamenu-title"><span class="rd-megamenu-icon linear-icon mdi mdi-apps"></span><span class="rd-megamenu-text">娱乐&个人中心</span></div>
                          <ul class="rd-megamenu-list rd-megamenu-list-2">
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.aspx">Typography</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.aspx">Progress bars</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs-and-accordions.aspx">Tabs &amp; accordions</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.aspx">Buttons</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.aspx">Tables</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.aspx">Forms</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="counters.aspx">Counters</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="grid-system.aspx">Grid system</a></li>
                          </ul>
                        </li>
                        <li class="rd-megamenu-item flex-grow-1 flex-shrink-0">
                          <div class="rd-megamenu-title"><span class="rd-megamenu-icon linear-icon mdi mdi-layers"></span><span class="rd-megamenu-text">其他页面</span></div>
                          <ul class="rd-megamenu-list">
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.aspx">404 Page</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.aspx">Coming Soon</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="contact-us.aspx">Contact Us</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.aspx">Privacy policy</a></li>
                          </ul>
                        </li>
                        <li class="rd-megamenu-item rd-megamenu-banner">
                          <div class="rd-megamenu-title"><span class="rd-megamenu-icon mdi mdi-gift linear-icon"></span><span class="rd-megamenu-text">浏览我们的商店</span></div><a class="banner-classic" href="shop-list.aspx"><img src="images/banner-1-300x202.jpg" alt="" width="300" height="202"/></a>
                        </li>
                      </ul>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="shop-list.aspx">商城</a>
                      <!-- RD Navbar Dropdown-->
                      <ul class="rd-menu rd-navbar-dropdown">
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="shop-list.aspx">商品列表</a></li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-product.aspx">单品</a></li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="cart-page.aspx">购物车</a></li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="checkout.aspx">付款</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
                <div class="rd-navbar-main-element">
                  <!-- RD Navbar Search-->
                  <div class="rd-navbar-search rd-navbar-search-2">
                    <button class="rd-navbar-search-toggle rd-navbar-fixed-element-3" data-rd-navbar-toggle=".rd-navbar-search"><span></span></button>
                    <form class="rd-search" action="search-results.aspx" data-search-live="rd-search-results-live" method="GET">
                      <div class="form-wrap">
                        <label class="form-label" for="rd-navbar-search-form-input">Search...</label>
                        <input class="rd-navbar-search-form-input form-input" id="rd-navbar-search-form-input" type="text" name="s" autocomplete="off"/>
                        <div class="rd-search-results-live" id="rd-search-results-live"></div>
                        <button class="rd-search-form-submit fl-bigmug-line-search74" type="submit"></button>
                      </div>
                    </form>
                  </div>
                  <!-- RD Navbar Basket-->
                  <div class="rd-navbar-basket-wrap">
                    <button class="rd-navbar-basket fl-bigmug-line-shopping202" data-rd-navbar-toggle=".cart-inline"><span>2</span></button>
                    <div class="cart-inline">
                      <div class="cart-inline-header">
                        <h5 class="cart-inline-title">In cart:<span> 2</span> Products</h5>
                        <h6 class="cart-inline-title">Total price:<span> $34</span></h6>
                      </div>
                      <div class="cart-inline-body">
                        <div class="cart-inline-item">
                          <div class="unit unit-spacing-sm align-items-center">
                            <div class="unit-left"><a class="cart-inline-figure" href="single-product.aspx"><img src="images/product-mini-1-100x90.jpg" alt="" width="100" height="90"/></a></div>
                            <div class="unit-body">
                              <h6 class="cart-inline-name"><a href="single-product.aspx">Deep Dish Cuddler</a></h6>
                              <div>
                                <div class="group-xs group-middle">
                                  <div class="table-cart-stepper">
                                    <input class="form-input" type="number" data-zeros="true" value="1" min="1" max="1000"/>
                                  </div>
                                  <h6 class="cart-inline-title">$23.00</h6>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="cart-inline-item">
                          <div class="unit unit-spacing-sm align-items-center">
                            <div class="unit-left"><a class="cart-inline-figure" href="single-product.aspx"><img src="images/product-mini-2-100x90.jpg" alt="" width="100" height="90"/></a></div>
                            <div class="unit-body">
                              <h6 class="cart-inline-name"><a href="single-product.aspx">Zoo Fun Dog Collars</a></h6>
                              <div>
                                <div class="group-xs group-middle">
                                  <div class="table-cart-stepper">
                                    <input class="form-input" type="number" data-zeros="true" value="1" min="1" max="1000"/>
                                  </div>
                                  <h6 class="cart-inline-title">$11.00</h6>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="cart-inline-footer">
                        <div class="group-sm"><a class="button button-primary-outline button-zakaria" href="cart-page.aspx">Go to cart</a><a class="button button-primary button-zakaria" href="checkout.aspx">Checkout</a></div>
                      </div>
                    </div>
                  </div><a class="rd-navbar-basket rd-navbar-basket-mobile fl-bigmug-line-shopping202 rd-navbar-fixed-element-2" href="cart-page.aspx"><span>2</span></a>
                </div>
              </div>
            </div>
          </nav>
        </div>
      </header>
      <section class="breadcrumbs-custom">
        <div class="parallax-container" data-parallax-img="images/breadcrumbs-bg.jpg">
          <div class="breadcrumbs-custom-body parallax-content context-dark">
            <div class="container">
              <h2 class="breadcrumbs-custom-title">About Us</h2>
              <h5 class="breadcrumbs-custom-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do   <br class="d-none d-md-block">eiusmod tempor incididunt ut labore et dolore magna aliqua.</h5>
            </div>
          </div>
        </div>
        <div class="breadcrumbs-custom-footer">
          <div class="container">
            <ul class="breadcrumbs-custom-path">
              <li><a href="index.aspx">Home</a></li>
              <li><a href="#">Pages</a></li>
              <li class="active">About Us</li>
            </ul>
          </div>
        </div>
      </section>
      <!-- Section About-->
      <section class="section section-xl bg-default text-md-left">
        <div class="container">
          <div class="row row-40 row-md-60 justify-content-center align-items-xl-center">
            <div class="col-md-11 col-lg-6 col-xl-5">
              <!-- Quote Classic Big-->
              <article class="quote-classic-big text-uppercase inset-xl-right-30">
                <div class="heading-3 quote-classic-big-text">
                  <div class="q">A Few words About Us</div>
                </div>
              </article>
              <!-- Bootstrap tabs-->
              <div class="tabs-custom tabs-horizontal tabs-line" id="tabs-1">
                <!-- Nav tabs-->
                <div class="nav-tabs-wrap">
                  <ul class="nav nav-tabs">
                    <li class="nav-item" role="presentation"><a class="nav-link active" href="#tabs-1-1" data-toggle="tab">About</a></li>
                    <li class="nav-item" role="presentation"><a class="nav-link" href="#tabs-1-2" data-toggle="tab">Our mission</a></li>
                    <li class="nav-item" role="presentation"><a class="nav-link" href="#tabs-1-3" data-toggle="tab">Our goals</a></li>
                  </ul>
                </div>
                <!-- Tab panes-->
                <div class="tab-content">
                  <div class="tab-pane fade show active" id="tabs-1-1">
                    <p>Eget sit amet tellus cras adipiscing enim. Tempus imperdiet nulla malesuada pellentesque elit. Eros in cursus turpis massa tincidunt.</p>
                    <p>Lacus suspendisse faucibus interdum posuere lorem. Elit duis tristique sollicitudin nibh. Dui ut ornare lectus sit amet. Phasellus egestas tellus rutrum tellus elementum.</p>
                  </div>
                  <div class="tab-pane fade" id="tabs-1-2">
                    <p>Vae. Dexter fiscina aliquando vitares animalis est. Nunquam convertam bulla. Cum pars prarere, omnes seculaes. A cras semper auctor neque vitae tempus quam pellentesque.</p>
                    <p>Navis dexter historia est. Luba, homo, et indictio. Emeritis eposs ducunt ad animalis. Cum solem assimilant, omnes byssuses vitare clemens, secundus nixuses.</p>
                  </div>
                  <div class="tab-pane fade" id="tabs-1-3">
                    <p>Eu augue ut lectus arcu bibendum at varius. Auctor augue mauris augue neque gravida in fermentum et sollicitudin. Orci eu lobortis elementum nibh tellus molestie nunc non.</p>
                    <p>Mi proin sed libero enim sed faucibus turpis in eu. Sit amet purus gravida quis blandit turpis cursus in. Viverra aliquet eget sit amet tellus.</p>
                  </div>
                </div>
              </div><a class="button button-lg button-primary button-zakaria" href="#">Read more</a>
            </div>
            <div class="col-md-11 col-lg-6 col-xl-7">
              <div class="slick-slider-1 inset-xl-left-35">
                <!-- Slick Carousel-->
                <div class="slick-slider carousel-parent" id="carousel-parent" data-items="1" data-autoplay="true" data-slide-effect="true" data-child="#child-carousel" data-for="#child-carousel">
                  <div class="item"><img src="images/about-1-634x373.jpg" alt="" width="634" height="373"/>
                  </div>
                  <div class="item"><img src="images/about-2-634x373.jpg" alt="" width="634" height="373"/>
                  </div>
                  <div class="item"><img src="images/about-3-634x373.jpg" alt="" width="634" height="373"/>
                  </div>
                  <div class="item"><img src="images/about-4-634x373.jpg" alt="" width="634" height="373"/>
                  </div>
                </div>
                <div class="slick-slider child-carousel slick-nav-1" id="child-carousel" data-items="2" data-sm-items="4" data-md-items="4" data-lg-items="4" data-xl-items="4" data-xxl-items="4" data-arrows="true" data-for="#carousel-parent">
                  <div class="item"><img src="images/about-1-143x114.jpg" alt="" width="143" height="114"/>
                  </div>
                  <div class="item"><img src="images/about-2-143x114.jpg" alt="" width="143" height="114"/>
                  </div>
                  <div class="item"><img src="images/about-3-143x114.jpg" alt="" width="143" height="114"/>
                  </div>
                  <div class="item"><img src="images/about-4-143x114.jpg" alt="" width="143" height="114"/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Section History-->
      <section class="section section-fluid section-xl section-bottom-0 bg-image-2 section-relative">
        <div class="container-fluid">
          <h2>Our History</h2>
          <div class="slick-history">
            <!-- Slick Carousel-->
            <div class="slick-slider carousel-parent" id="carousel-parent-2" data-items="1" data-sm-items="2" data-md-items="2" data-lg-items="3" data-xl-items="3" data-xxl-items="4" data-autoplay="false" data-loop="false">
              <div class="item">
                <div class="box-info-classic">
                  <h4 class="box-info-classic-title">Establishment</h4>
                  <p class="box-info-classic-text">Duis ultricies lacus sed turpis tincidunt id aliquet risus. Lorem mollis aliquam ut porttitor leo a diam sollicitudin.</p>
                </div>
              </div>
              <div class="item">
                <div class="box-info-classic">
                  <h4 class="box-info-classic-title">Opening the First Store</h4>
                  <p class="box-info-classic-text">Nibh nisl condimentum id venenatis a condimentum vitae. Sapien eget mi proin accumsan tortor posuere ac ut consequat.</p>
                </div>
              </div>
              <div class="item">
                <div class="box-info-classic">
                  <h4 class="box-info-classic-title">Partnership</h4>
                  <p class="box-info-classic-text">On nisi est sit amet facilisis magna etiam tempor orci. Volutpat consequat mauris nunc congue nisi vitae orci porta.</p>
                </div>
              </div>
              <div class="item">
                <div class="box-info-classic">
                  <h4 class="box-info-classic-title">National Recognition</h4>
                  <p class="box-info-classic-text">Volutpat est velit egestas dui id. Lorem donec massa sapien faucibus et molestie ac consequat nisl vel pretium lectus.</p>
                </div>
              </div>
              <div class="item">
                <div class="box-info-classic">
                  <h4 class="box-info-classic-title">20-Year Anniversary</h4>
                  <p class="box-info-classic-text">Suspendisse potenti nullam ac tortor vitae purus faucibus ornare. At consectetur lorem donec massa sapien eleifend in.</p>
                </div>
              </div>
            </div>
            <div class="slick-slider child-carousel" data-items="1" data-sm-items="2" data-md-items="2" data-lg-items="3" data-xl-items="3" data-xxl-items="4" data-arrows="true" data-for="#carousel-parent-2" data-loop="false" data-focus-select="false">
              <div class="item">
                <div class="heading-5 box-info-classic-year">1999</div>
              </div>
              <div class="item">
                <div class="heading-5 box-info-classic-year">2003</div>
              </div>
              <div class="item">
                <div class="heading-5 box-info-classic-year">2007</div>
              </div>
              <div class="item">
                <div class="heading-5 box-info-classic-year">2015</div>
              </div>
              <div class="item">
                <div class="heading-5 box-info-classic-year">2021</div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Our team-->
      <section class="section section-xl bg-default">
        <div class="container">
          <h2>Our team</h2>
          <!-- Owl Carousel-->
          <div class="owl-carousel" data-items="1" data-sm-items="2" data-md-items="3" data-margin="30" data-dots="true" data-autoplay="false">
            <article class="team-classic"><a class="team-classic-figure" href="#"><img src="images/team-4-370x334.jpg" alt="" width="370" height="334"/></a>
              <h4 class="team-classic-name"><a href="#">Richard Smith</a></h4>
              <p class="team-classic-text">Pellentesque habitant morbi tristique senectus et feugiat pretium nibh.</p>
              <ul class="list-inline team-classic-list-social list-social-2 list-inline-sm">
                <li><a class="icon mdi mdi-facebook" href="#"></a></li>
                <li><a class="icon mdi mdi-twitter" href="#"></a></li>
                <li><a class="icon mdi mdi-instagram" href="#"></a></li>
                <li><a class="icon mdi mdi-google-plus" href="#"></a></li>
              </ul>
            </article>
            <article class="team-classic"><a class="team-classic-figure" href="#"><img src="images/team-5-370x334.jpg" alt="" width="370" height="334"/></a>
              <h4 class="team-classic-name"><a href="#">Susan Anderson</a></h4>
              <p class="team-classic-text">Urna nec tincidunt praesent semper feugiat nibh sed pulvinar senectus.</p>
              <ul class="list-inline team-classic-list-social list-social-2 list-inline-sm">
                <li><a class="icon mdi mdi-facebook" href="#"></a></li>
                <li><a class="icon mdi mdi-twitter" href="#"></a></li>
                <li><a class="icon mdi mdi-instagram" href="#"></a></li>
                <li><a class="icon mdi mdi-google-plus" href="#"></a></li>
              </ul>
            </article>
            <article class="team-classic"><a class="team-classic-figure" href="#"><img src="images/team-6-370x334.jpg" alt="" width="370" height="334"/></a>
              <h4 class="team-classic-name"><a href="#">Steve Ruffalo</a></h4>
              <p class="team-classic-text">Lorem dolor sed viverra ipsum. Donec ac odio tempor orci dapibus ultrices.</p>
              <ul class="list-inline team-classic-list-social list-social-2 list-inline-sm">
                <li><a class="icon mdi mdi-facebook" href="#"></a></li>
                <li><a class="icon mdi mdi-twitter" href="#"></a></li>
                <li><a class="icon mdi mdi-instagram" href="#"></a></li>
                <li><a class="icon mdi mdi-google-plus" href="#"></a></li>
              </ul>
            </article>
            <article class="team-classic"><a class="team-classic-figure" href="#"><img src="images/team-4-370x334.jpg" alt="" width="370" height="334"/></a>
              <h4 class="team-classic-name"><a href="#">Richard Smith</a></h4>
              <p class="team-classic-text">Pellentesque habitant morbi tristique senectus et feugiat pretium nibh.</p>
              <ul class="list-inline team-classic-list-social list-social-2 list-inline-sm">
                <li><a class="icon mdi mdi-facebook" href="#"></a></li>
                <li><a class="icon mdi mdi-twitter" href="#"></a></li>
                <li><a class="icon mdi mdi-instagram" href="#"></a></li>
                <li><a class="icon mdi mdi-google-plus" href="#"></a></li>
              </ul>
            </article>
            <article class="team-classic"><a class="team-classic-figure" href="#"><img src="images/team-5-370x334.jpg" alt="" width="370" height="334"/></a>
              <h4 class="team-classic-name"><a href="#">Susan Anderson</a></h4>
              <p class="team-classic-text">Urna nec tincidunt praesent semper feugiat nibh sed pulvinar senectus.</p>
              <ul class="list-inline team-classic-list-social list-social-2 list-inline-sm">
                <li><a class="icon mdi mdi-facebook" href="#"></a></li>
                <li><a class="icon mdi mdi-twitter" href="#"></a></li>
                <li><a class="icon mdi mdi-instagram" href="#"></a></li>
                <li><a class="icon mdi mdi-google-plus" href="#"></a></li>
              </ul>
            </article>
            <article class="team-classic"><a class="team-classic-figure" href="#"><img src="images/team-6-370x334.jpg" alt="" width="370" height="334"/></a>
              <h4 class="team-classic-name"><a href="#">Steve Ruffalo</a></h4>
              <p class="team-classic-text">Lorem dolor sed viverra ipsum. Donec ac odio tempor orci dapibus ultrices.</p>
              <ul class="list-inline team-classic-list-social list-social-2 list-inline-sm">
                <li><a class="icon mdi mdi-facebook" href="#"></a></li>
                <li><a class="icon mdi mdi-twitter" href="#"></a></li>
                <li><a class="icon mdi mdi-instagram" href="#"></a></li>
                <li><a class="icon mdi mdi-google-plus" href="#"></a></li>
              </ul>
            </article>
          </div>
        </div>
      </section>
      <!-- Counter Modern-->
      <section class="section section-xxl bg-primary">
        <div class="container">
          <div class="row row-30 justify-content-center">
            <div class="col-6 col-sm-3">
              <div class="counter-modern">
                <h2 class="counter-modern-number"><span class="counter">245</span>
                </h2>
                <div class="counter-modern-decor"></div>
                <h5 class="counter-modern-title">Products <br class="d-none d-sm-block"> sold</h5>
              </div>
            </div>
            <div class="col-6 col-sm-3">
              <div class="counter-modern">
                <h2 class="counter-modern-number"><span class="counter">382</span>
                </h2>
                <div class="counter-modern-decor"></div>
                <h5 class="counter-modern-title">Reliable <br class="d-none d-sm-block"> partners</h5>
              </div>
            </div>
            <div class="col-6 col-sm-3">
              <div class="counter-modern">
                <h2 class="counter-modern-number"><span class="counter">1267</span>
                </h2>
                <div class="counter-modern-decor"></div>
                <h5 class="counter-modern-title">Satisfied<br class="d-none d-sm-block"> customers</h5>
              </div>
            </div>
            <div class="col-6 col-sm-3">
              <div class="counter-modern">
                <h2 class="counter-modern-number"><span class="counter">45</span>
                </h2>
                <div class="counter-modern-decor"></div>
                <h5 class="counter-modern-title">Team <br class="d-none d-sm-block"> Members</h5>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Testimonials-->
      <section class="section section-xl bg-gray-1">
        <div class="container">
          <h2>Testimonials</h2>
          <!-- Owl Carousel-->
          <div class="owl-carousel owl-style-1" data-items="1" data-sm-items="2" data-margin="30" data-dots="true" data-autoplay="true">
            <!-- Quote Modern-->
            <article class="quote-modern">
              <div class="quote-modern-text">
                <div class="q">Commodo viverra maecenas accumsan lacus vel. Bibendum at varius vel pharetra vel turpis nunc eget malesuada proin libero nunc consequat. </div>
              </div>
              <div class="unit unit-spacing-sm flex-column flex-md-row align-items-center">
                <div class="unit-left">
                  <div class="quote-modern-figure"><img src="images/user-10-62x62.jpg" alt="" width="62" height="62"/>
                  </div>
                </div>
                <div class="unit-body">
                  <div class="quote-modern-author">Patrick Goodman</div>
                  <div class="quote-modern-status">Client</div>
                </div>
              </div>
            </article>
            <!-- Quote Modern-->
            <article class="quote-modern">
              <div class="quote-modern-text">
                <div class="q">Mauris in aliquam sem fringilla ut morbi tincidunt augue interdum. Accumsan sit amet nulla facilisi morbi tempus iaculis elementum nisi.</div>
              </div>
              <div class="unit unit-spacing-sm flex-column flex-md-row align-items-center">
                <div class="unit-left">
                  <div class="quote-modern-figure"><img src="images/user-11-62x62.jpg" alt="" width="62" height="62"/>
                  </div>
                </div>
                <div class="unit-body">
                  <div class="quote-modern-author">Jane Lee</div>
                  <div class="quote-modern-status">Client</div>
                </div>
              </div>
            </article>
            <!-- Quote Modern-->
            <article class="quote-modern">
              <div class="quote-modern-text">
                <div class="q">Semper viverra nam libero justo. Amet est placerat in egestas erat imperdiet sed euismod nisi. Arcu odio ut sem nulla pharetra convallis.</div>
              </div>
              <div class="unit unit-spacing-sm flex-column flex-md-row align-items-center">
                <div class="unit-left">
                  <div class="quote-modern-figure"><img src="images/user-5-62x62.jpg" alt="" width="62" height="62"/>
                  </div>
                </div>
                <div class="unit-body">
                  <div class="quote-modern-author">James Peterson</div>
                  <div class="quote-modern-status">Client</div>
                </div>
              </div>
            </article>
            <!-- Quote Modern-->
            <article class="quote-modern">
              <div class="quote-modern-text">
                <div class="q">Vitae turpis massa sed elementum. Nam at lectus urna duis convallis convallis. Ipsum a arcu cursus lobortis scelerisque fermentum dui.</div>
              </div>
              <div class="unit unit-spacing-sm flex-column flex-md-row align-items-center">
                <div class="unit-left">
                  <div class="quote-modern-figure"><img src="images/user-6-62x62.jpg" alt="" width="62" height="62"/>
                  </div>
                </div>
                <div class="unit-body">
                  <div class="quote-modern-author">Ann McMillan</div>
                  <div class="quote-modern-status">Client</div>
                </div>
              </div>
            </article>
          </div>
        </div>
      </section>
      <!-- Section Clients-->
      <section class="section section-xl bg-default">
        <div class="container">
          <div class="owl-carousel owl-style-2" data-items="2" data-sm-items="3" data-md-items="4" data-lg-items="5" data-margin="30" data-dots="true"><a class="clients-classic" href="#"><img src="images/clients-1-120x114.png" alt="" width="120" height="114"/></a><a class="clients-classic" href="#"><img src="images/clients-2-105x118.png" alt="" width="105" height="118"/></a><a class="clients-classic" href="#"><img src="images/clients-3-111x98.png" alt="" width="111" height="98"/></a><a class="clients-classic" href="#"><img src="images/clients-4-122x92.png" alt="" width="122" height="92"/></a><a class="clients-classic" href="#"><img src="images/clients-5-112x112.png" alt="" width="112" height="112"/></a></div>
        </div>
      </section>
      <section class="section">
        <!-- RD Google Map-->
        <div class="google-map-container" data-center="9870 St Vincent Place, Glasgow, DC 45 Fr 45." data-styles="[{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#e9e9e9&quot;},{&quot;lightness&quot;:17}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f5f5f5&quot;},{&quot;lightness&quot;:20}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:17}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:29},{&quot;weight&quot;:0.2}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:18}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:16}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f5f5f5&quot;},{&quot;lightness&quot;:21}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#dedede&quot;},{&quot;lightness&quot;:21}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:16}]},{&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:36},{&quot;color&quot;:&quot;#333333&quot;},{&quot;lightness&quot;:40}]},{&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f2f2f2&quot;},{&quot;lightness&quot;:19}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#fefefe&quot;},{&quot;lightness&quot;:20}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#fefefe&quot;},{&quot;lightness&quot;:17},{&quot;weight&quot;:1.2}]}]">
          <div class="google-map"></div>
          <ul class="google-map-markers">
            <li data-location="9870 St Vincent Place, Glasgow, DC 45 Fr 45." data-description="9870 St Vincent Place, Glasgow" data-icon="images/gmap_marker.png" data-icon-active="images/gmap_marker_active.png"></li>
          </ul>
        </div>
      </section>
      <!-- Page Footer-->
      <footer class="section footer-modern">
        <div class="footer-modern-body section-xl">
          <div class="container">
            <div class="row row-40 row-md-50 justify-content-xl-between">
              <div class="col-md-10 col-lg-3 col-xl-4 wow fadeInRight">
                <div class="inset-xl-right-70">
                  <h5 class="footer-modern-title">Our Gallery</h5>
                  <div class="row row-10 gutters-10" data-lightgallery="group">
                    <div class="col-4 col-sm-2 col-lg-4">
                      <!-- Thumbnail Minimal--><a class="thumbnail-minimal" href="images/footer-gallery-1-800x1200-original.jpg" data-lightgallery="item"><img src="images/grid-gallery-1-178x178.jpg" alt="" width="178" height="178"/></a>
                    </div>
                    <div class="col-4 col-sm-2 col-lg-4">
                      <!-- Thumbnail Minimal--><a class="thumbnail-minimal" href="images/footer-gallery-2-800x1200-original.jpg" data-lightgallery="item"><img src="images/grid-gallery-2-178x178.jpg" alt="" width="178" height="178"/></a>
                    </div>
                    <div class="col-4 col-sm-2 col-lg-4">
                      <!-- Thumbnail Minimal--><a class="thumbnail-minimal" href="images/footer-gallery-3-800x1200-original.jpg" data-lightgallery="item"><img src="images/grid-gallery-3-178x178.jpg" alt="" width="178" height="178"/></a>
                    </div>
                    <div class="col-4 col-sm-2 col-lg-4">
                      <!-- Thumbnail Minimal--><a class="thumbnail-minimal" href="images/footer-gallery-4-1200x800-original.jpg" data-lightgallery="item"><img src="images/grid-gallery-4-178x178.jpg" alt="" width="178" height="178"/></a>
                    </div>
                    <div class="col-4 col-sm-2 col-lg-4">
                      <!-- Thumbnail Minimal--><a class="thumbnail-minimal" href="images/footer-gallery-5-1200x800-original.jpg" data-lightgallery="item"><img src="images/grid-gallery-5-178x178.jpg" alt="" width="178" height="178"/></a>
                    </div>
                    <div class="col-4 col-sm-2 col-lg-4">
                      <!-- Thumbnail Minimal--><a class="thumbnail-minimal" href="images/footer-gallery-6-1200x800-original.jpg" data-lightgallery="item"><img src="images/grid-gallery-6-178x178.jpg" alt="" width="178" height="178"/></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6 col-md-7 col-lg-5 wow fadeInRight" data-wow-delay=".1s">
                <h5 class="footer-modern-title">Quick Links</h5>
                <ul class="footer-modern-list footer-modern-list-2 d-sm-inline-block d-md-block">
                  <li><a href="about-us.aspx">About Us</a></li>
                  <li><a href="#">Our Services</a></li>
                  <li><a href="shop-list.aspx">Shop</a></li>
                  <li><a href="testimonials.aspx">Testimonials</a></li>
                  <li><a href="#">FAQ</a></li>
                  <li><a href="contact-us.aspx">Contact Us</a></li>
                  <li><a href="#">Accessories</a></li>
                  <li><a href="#">Care</a></li>
                  <li><a href="#">Clothing</a></li>
                  <li><a href="#">Decor</a></li>
                  <li><a href="#">Food</a></li>
                  <li><a href="#">Grooming Supplies</a></li>
                </ul>
              </div>
              <div class="col-sm-6 col-md-5 col-lg-4 col-xl-3 wow fadeInRight" data-wow-delay=".2s">
                <h5 class="footer-modern-title">登录与注册</h5>
                <ul class="contacts-creative">
                  <li>
                    <div class="unit unit-spacing-sm flex-column flex-md-row">
                      <div class="unit-left"><span class="icon mdi mdi-map-marker linear-icon"></span></div>
                      <div class="unit-body"><a href="#">523 Sylvan Ave, 5th Floor<br>Mountain View, CA 94041 USA</a></div>
                    </div>
                  </li>
                  <li>
                    <div class="unit unit-spacing-sm flex-column flex-md-row">
                      <div class="unit-left"><span class="icon mdi mdi-phone linear-icon"></span></div>
                      <div class="unit-body"><a href="tel:#">(+844) 123 456 78</a></div>
                    </div>
                  </li>
                  <li>
                    <div class="unit unit-spacing-sm flex-column flex-md-row">
                      <div class="unit-left"><span class="icon mdi mdi-email-outline linear-icon"></span></div>
                      <div class="unit-body"><a href="mailto:#">info@demolink.org</a></div>
                    </div>
                  </li>
                </ul>
                <ul class="list-inline list-social-3 list-inline-sm ">
                  <li><a class="icon mdi mdi-facebook  icon-xxs" href="#"></a></li>
                  <li><a class="icon mdi mdi-twitter  icon-xxs" href="#"></a></li>
                  <li><a class="icon mdi mdi-instagram  icon-xxs" href="#"></a></li>
                  <li><a class="icon mdi mdi-google-plus  icon-xxs" href="#"></a></li>
                  <li><a class="icon mdi mdi-skype  icon-xxs" href="#"></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="footer-modern-panel text-center">
          <div class="container">
            <p class="rights">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
          </div>
        </div>
      </footer>
    </div>
    <div class="snackbars" id="form-output-global"></div>
    <script src="js/core.min.js"></script>
    <script src="js/script.js"></script>
  </body>
</html>
